<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元运购-购物车</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> 
<link rel="stylesheet" type="text/css" href="style/main.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div class="header loginhead">
		<div class="nav">
		    <div class="title">购物车</div>
		    <div class="right edit">
		        <a href="javascript:" class="edit1">编辑</a>
		    	<a href="javascript:" class="edit2" style="display:none">完成</a>
		    </div>
		    <div id="screenIfmNav" class="screenIfm" onclick="$('#sub-title').toggle();$(this).hide();"></div>
		</div>
	</div>
	<div class="container">
		<div class="cart">
			<div class="list">
				<div class="items">
					<div class="check">
						<input type="checkbox" value="1" id="ck1">
						<label class="cart-checkbox" for="ck1">
						</label>
					</div>
					<div class="c_item">
						<a class="cell1" href="goods.html">
							<img class="cart-photo-thumb" alt="" src="./images/li.jpg">
						</a>
						<div class="cell2">
							<div class="title">
								<a href="detail.html">
									<span>已更新至(第28888云)</span>
									杭衣汇长袖秋装连衣裙2015秋款女装毛呢连衣裙秋1869
								</a>
							</div>
							<div class="cell3">
								<span class="shp-cart-item-price">
									剩余<i>16648</i>人次
								</span>
							</div>
							
						</div>
						<div>
							<div class="buycount">
								<div class="buycount-ctrl">
									<a href="javascript:void(0);" class="ctrl minus disabled">
										<span class="horizontal">
										</span>
									</a>
									<input value="1" autocomplete="off" type="number" onkeyup='this.value=this.value.replace(/[^0-9]D*$/,"")' ondragenter="return false" onpaste="return !clipboardData.getData('text').match(/D/)">
									<a href="javascript:void(0);" class="ctrl plus">
										<span class="horizontal">
										</span>
										<span class="vertical">
										</span>
									</a>
									
								</div>
								<div class="numtxt">人次</div>
							</div>
							<div class="wastebin"></div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="list">
				<div class="items">
					<div class="check">
						<input type="checkbox" value="1" id="ck2">
						<label class="cart-checkbox" for="ck2">
						</label>
					</div>
					<div class="c_item">
						<a class="cell1" href="goods.html">
							<img class="cart-photo-thumb" alt="" src="./images/li.jpg">
						</a>
						<div class="cell2">
							<div class="title">
								<a href="detail.html">
									<span>已更新至(第28888云)</span>
									杭衣汇长袖秋装连衣裙2015秋款女装毛呢连衣裙秋1869
								</a>
							</div>
							<div class="cell3">
								<span class="shp-cart-item-price">
									剩余<i>166666</i>人次
								</span>
							</div>
							
						</div>
						<div>
							<div class="buycount">
								<div class="buycount-ctrl">
									<a href="javascript:void(0);" class="ctrl minus disabled">
										<span class="horizontal">
										</span>
									</a>
									<input value="1" autocomplete="off" type="number" onkeyup='this.value=this.value.replace(/[^0-9]D*$/,"")' ondragenter="return false" onpaste="return !clipboardData.getData('text').match(/D/)">
									<a href="javascript:void(0);" class="ctrl plus">
										<span class="horizontal">
										</span>
										<span class="vertical">
										</span>
									</a>
									
								</div>
								<div class="numtxt">人次</div>
							</div>
							<div class="wastebin"></div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="list">
				<div class="items">
					<div class="check">
						<input type="checkbox" value="1" id="ck3">
						<label class="cart-checkbox" for="ck3">
						</label>
					</div>
					<div class="c_item">
						<a class="cell1" href="goods.html">
							<img class="cart-photo-thumb" alt="" src="./images/li.jpg">
						</a>
						<div class="cell2">
							<div class="title">
								<a href="goods.html">
									<span>已更新至(第28888云)</span>
									杭衣汇长袖秋装连衣裙2015秋款女装毛呢连衣裙秋1869
								</a>
							</div>
							<div class="cell3">
								<span class="shp-cart-item-price">
									剩余<i>16485</i>人次
								</span>
							</div>
							
						</div>
						<div>
							<div class="buycount">
								<div class="buycount-ctrl">
									<a href="javascript:void(0);" class="ctrl minus disabled">
										<span class="horizontal">
										</span>
									</a>
									<input value="1" autocomplete="off" type="number" onkeyup='this.value=this.value.replace(/[^0-9]D*$/,"")' ondragenter="return false" onpaste="return !clipboardData.getData('text').match(/D/)">
									<a href="javascript:void(0);" class="ctrl plus">
										<span class="horizontal">
										</span>
										<span class="vertical">
										</span>
									</a>
									
								</div>
								<div class="numtxt">人次</div>
							</div>
							<div class="wastebin"></div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<script type="text/javascript">
				$(function(){
					
					
				})
			</script>
			<div class="payment-total-bar payment-total-bar-new" id="payment">
				<div class="autonew shp-chk-new">
					<i class='inline' href="#inline_content"></i>
					<input type="checkbox" value="1" id="cka" checked="checked">
					<label class="cart-checkbox" for="cka">
					</label>
					<label class="cart-checkbox-text" for="cka">
						如被抢光自动参与最新一云
					</label>
					
					<div style='display:none'>
						<div id='inline_content' style='background:#fff;'>
							<div class="comfirm">
								<h3>温馨提示</h3>
								<p>热门商品可能会瞬间抢光哦，此处勾选后系统之自动为您更新最新一云!</p>
								<span class="sure">确定</span>
							</div>
						</div>
					</div>
					<script type="text/javascript" src="share/colorbox/jquery.colorbox.js."></script>
					<link rel="stylesheet" type="text/css" href="share/colorbox/colorbox.css">
					<script type="text/javascript">
						$(document).ready(function(){
							var window_width  = $(window).width();
							if(window_width<720){
								$(".inline").colorbox({inline:true, width:"90%",overlayClose:false,fixed:true});
							}else{
								$(".inline").colorbox({inline:true, width:"700px",overlayClose:false,fixed:true});
							}
							$('.sure').click(function(){
								parent.$.fn.colorbox.close(); //关闭窗口
							})
						});
					</script>
				</div>
				
				<div class="shpbox">
					<div class="shp-chk-new all">
						<input type="checkbox" value="1" id="cka1">
						<label class="cart-checkbox" for="cka1">
						</label>
						<label class="cart-checkbox-text" for="cka1">
							全选
						</label>
					</div>
					<div class="shp-cart-info">
						<strong class="shp-cart-total">
							合计:
							<span class="bottom-bar-price">
								￥317.00
							</span>
						</strong>
					</div>
					<a class="btn-gave btn-right-block-new" href="pay.html">
						结算(
						<span id="checkedNum">
							
						</span>
						)
					</a>
					<a class="btn-delete btn-right-block-new" style="display:none;">
						删除
					</a>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="empty">
			<i class="icon-sc"></i>
			<p class="title"><span>╯▂╰ 购物车都饿扁了，快去喂它吧</span></p>
			<br>
			<a class="btn btn-large" href="list.html">去购物</a>
		</div>

	</div>
	<script type="text/javascript">
		$(function(){
			$('.edit').click(function(){
				$('.items .check,.btn-delete,.btn-gave,.edit1,.edit2,.autonew,.shp-cart-total,.all,.list .title,.wastebin').toggle();
				$('.items').toggleClass('checkin');
			})
			//全选
			$('.all input').change(function(){
				if($(this).is(':checked')){
					$('.list .check input').attr('checked',true);
				}else{
					$('.list .check input').attr('checked',false);
				}
				
			})
			//结算数目
			$('#checkedNum').text($('.list').length);
			//编辑完成后结算数目
			$('.edit2').click(function(){
				$('#checkedNum').text($('.list').length);
				empty();
			})
			function empty(){
				if($('.list').length==0){
					$('.empty').show();
					$('.cart').hide();
				}else{
					$('.empty').hide();
					$('.cart').show();
				}
			}
			empty();
			
		})
	</script>
	<!-- 底部 -->
	<div class="footer">
		<ul class="wd_nav">
			<li class="home current"><a href="index.html">首页</a></li>
			<li class="goods"><a href="list.html">所有商品</a></li>
			<li class="news" ><a href="new.html">最新揭晓</a></li>
			<li class="car"><a href="cart.html">购物车</a></li>
			<li class="my"><a href="my.html">我的</a></li>
		</ul>
	</div>
</body>
</html>